<template>
    <div class="address">
        <header><img src="../assets/assets/头部.png" alt=""></header>
            <van-nav-bar title="管理收货地址" left-text="" right-text="新建" left-arrow @click-left="onClickLeft"
                @click-right="onClickRight" />
        <div class="title">我的收货地址</div>
        <div class="item">
            <router-link to="/edit">编辑</router-link>
        </div>
    </div>
</template>

<script setup>
import router from '@/router';
const onClickLeft=()=>{
    router.push("/mine")
}
const onClickRight=()=>{
    router.push("/newbuilt")
}

</script>

<style lang="scss" scoped>
* {
    margin: 0;
    padding: 0;
}

.address {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: .5rem;
    // background-color: #F5F5F5;
    overflow-y: auto;

    header {
        width: 100%;
        height: .2rem;
        background-color: aliceblue;
    }

   .title{
    width: 3.39rem;
    height: .48rem;
    margin: 0 auto;
    font-size: 14px;
    line-height: .48rem;
   }

    .item {
        width: 3.39rem;
        height: 1.04rem;
        background-color: aliceblue;
        margin-bottom: .16rem;
        margin: 0 auto;
    }
}
</style>